<%--
  Created by IntelliJ IDEA.
  User: luokaiqiongmou
  Date: 2016/11/28
  Time: 15:19
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>${seckill.name} | 详情</title>
    <%@include file="common/head.jsp" %>
</head>
<body>
<div class="contianer">
    <div class="panel panel-default text-center">
        <div class="panel-heading">
            <h2>${seckill.name}</h2>
        </div>
        <div class="panelbody">
            <h2 class="text-danger">
                <!-- 时间图标 -->
                <span class="glyph glyph-time"></span>
                <!-- 倒计时区域 -->
                <span class="glyph" id="seckillBox"></span>
            </h2>
        </div>
    </div>
</div>

<!-- 登录框模态窗口 -->
<div class="modal fade" id="loginModal">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">&times;</span><span
                        class="sr-only">Close</span></button>
                <h4 class="modal-title">登录</h4>
            </div>
            <div class="modal-body">
                <input type="text" class="form-control" placeholder="电话号码" id="killPhoneInput">
            </div>
            <div class="modal-footer">
                <label class="label-warning" id="killPhoneMessage"></label>
                <button type="button" class="btn btn-primary" id="loginButton">登录</button>
            </div>
        </div><!-- /.modal-content -->
    </div><!-- /.modal-dialog -->
</div><!-- /.modal -->

</body>
<!-- cookie插件和倒计时插件 -->
<script src="http://cdn.bootcss.com/jquery-cookie/1.4.1/jquery.cookie.min.js"></script>
<script src="/resources/jquery.countdown.js"></script>
<!-- 加载秒杀的业务逻辑 -->
<script src="/resources/seckill.js"></script>
<script>
    seckill.detail.init({
        seckillId: ${seckill.seckillId},
        startTime: ${seckill.startTime.time},
        endTime: ${seckill.endTime.time}
    });
</script>
</html>
